<template>
  <div class="container">
    <el-header class="text">
      关于汉服
    </el-header>
    <el-main>
      dfsdf
    </el-main>
    <ItemRecommend/>
    <ImgDetail/>
  </div>
</template>

<script>
// import axios from 'axios'
import ItemRecommend from "@/components/item/itemRecommend.vue";
import ImgDetail from "@/components/item/imgDetail.vue";

export default {
  name: 'HomeView',
  components: {ImgDetail, ItemRecommend},
/*  created() {
    /!*this.fetchTutorials();*!///组件创建时获取数据
    axios.get("/item/find").then(res => {
      console.log(res)
    })
  },*/
}
</script>
<style scoped>
.text {
  margin-top: 20px;
  width: 25%;
  border: 1px solid black;
  padding: 10px 0;
  font-size: 20px;
  margin-left: auto; /* 添加自动外边距实现水平居中 */
  margin-right: auto; /* 添加自动外边距实现水平居中 */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
}

</style>
